* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "微软雅黑", "Microsoft YaHei", "Segoe UI", -apple-system,
    BlinkMacSystemFont, Roboto, "SF Pro SC", "SF Pro Display", "SF Pro Icons",
    "PingFang SC", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Helvetica",
    "Arial", sans-serif;
  // font-size: 12px;
}

/** 从父元素上继承 box-sizing 属性 */
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  // 以下三个属性优化 渲染逻辑
  -moz-osx-font-smoothing: grayscale; // 抗锯齿
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/** 清除input 选中的边框 */
input {
  outline: none;
}

/** 在 IE 以及 Firefox 浏览器下，默认情况下，点击链接文字或图片（特指a标签下的）时，链接的周围会出现一个虚线框 */
a:focus,
a:active {
  outline: none; // 清除虚线框
}

/** 修改a 默认样式 */
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  color: #004896;
}

/** 去掉 div  聚焦时的 边框    :focus-visible    目前只有chrome 与 IE 有 */
div:focus {
  outline: none;
}

li {
  list-style: none;
}

/** 提供快捷类名 */
// 清除浮动
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// 单行文本 超出省略号
.text_oneline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行文本 超出 省略号
.text_twoline {
  white-space: nowrap; //强制文本显示一行（ 默认 normal 自动换行）
  overflow: hidden; //超出的部分隐藏
  text-overflow: ellipsis; //文字用省略号替代超出的部分
  -webkit-line-clamp: 2; //限制在一个块元素显示的文本的行数，为了实现该效果，需要结合其他的属性：
  display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
  -webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
}

.text_threeline {
  white-space: nowrap; //强制文本显示一行（ 默认 normal 自动换行）
  overflow: hidden; //超出的部分隐藏
  text-overflow: ellipsis; //文字用省略号替代超出的部分
  -webkit-line-clamp: 2; //限制在一个块元素显示的文本的行数，为了实现该效果，需要结合其他的属性：
  display: -webkit-box; //将对象作为弹性伸缩盒子模型显示
  -webkit-box-orient: vertical; //设置或检索伸缩盒对象的子元素的排列方式
}
